<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="${facesContext.externalContext.requestContextPath}/resources/css/tcube.css" rel="stylesheet" type="text/css"/>
        <title>My FoodSage Portal</title>
    </h:head>

    <h:body style="background-image:url(#{facesContext.externalContext.requestContextPath}/images/TCubeStaffBackground.jpg)" >
        <div class="container">
            <div class="content_wrapper" style="background-image:url(#{facesContext.externalContext.requestContextPath}/images/TCubeStaffForeground.jpg)" >
                <h:form id="staffForm">
                    <div class="header" >
                        <img src="#{facesContext.externalContext.requestContextPath}/images/TCubeStaffBanner.png" alt="TCube Staff Banner" />
                    </div>

                    <div class="account_info">
                        <!--                        <ui:insert name="logout"></ui:insert>-->
                        <p:commandLink id="logoutLink" actionListener="#{touristLogoutManagedBean.doLogout}" value="#{bundle['login.logout.label']}" ajax="false" immediate="true" />
                    </div>
                </h:form>
                <br/>
                <br style="clear:left"/><!-- used to clear the float on the main menu before displaying other divs which are supposed to be on next line -->

                <div class="nav" >
                    <ui:insert name="nav_menu"></ui:insert>      
                </div>

                <div class="content" >
                    <p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/>  

                    <p:dialog modal="true" widgetVar="statusDialog" header="Status"   
                              draggable="false" closable="false">  
                        <p:graphicImage value="/images/ajaxloadingbar.gif" />  
                    </p:dialog>

                    <ui:insert name="content"></ui:insert>
                </div>

            </div>

            <div class="footer">
                &copy;2011 TCube Administrator Website. Property of TCube Ventures Private Limited
            </div>
        </div>
    </h:body>

</html>
